<template>
  <div class="footer">
    <tabbar>
      <tabbar-item selected link="/index/send-goods">
        <img slot="icon" src="../assets/images/unsend.png">
        <img slot="icon-active" src="../assets/images/send.png">
        <span slot="label">货主发货</span>
      </tabbar-item>
      <tabbar-item link="/index/get-manifest">
        <img slot="icon" src="../assets/images/ungetCard.png">
        <img slot="icon-active" src="../assets/images/getCard.png">
        <span slot="label">司机接单</span>
      </tabbar-item>
      <tabbar-item link="/index/my">
        <img slot="icon" src="../assets/images/unmy.png">
        <img slot="icon-active" src="../assets/images/my.png">
        <span slot="label">我的</span>
      </tabbar-item>
    </tabbar>
  </div>
</template>

<script>
import { Tabbar, TabbarItem } from 'vux'
export default {
  name: 'Footer',
  components: {
    Tabbar,
    TabbarItem
  }
}
</script>

<style lang="scss" scoped>
  .footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
  }
</style>
